<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>数据挖掘项目</title>
<style type="text/css">
    .center{text-align: center;}
    .login-page {
      width: 360px;
      padding: 8% 0 0;
      margin: auto;
    }
    .form {
      position: relative;
      z-index: 1;
      background: rgb(255 249 249 / 20%);
      max-width: 360px;
      margin: -25px auto 100px;
      padding: 45px;
      text-align: center;
      border-radius: 30px;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    }
    .form input {
      font-family: "Roboto", sans-serif;
      outline: 0;
      background: #f2f2f2;
      width: 100%;
      border: 0;
      border-radius: 10px;
      margin: 0 0 30px;
      padding: 15px;
      box-sizing: border-box;
      font-size: 14px;
    }
    .form button {
      font-family: "Microsoft YaHei","Roboto", sans-serif;
      text-transform: uppercase;
      outline: 0;
      background: #373B44;
      width: 33%;
      border: 0;
      border-radius: 8px;
      padding: 12px;
      color: #FFFFFF;
      font-size: 14px;
      flex-wrap: wrap;
      -webkit-transition: all 0.3 ease;
      transition: all 0.3 ease;
      cursor: pointer;
    }
    .form button:hover,.form button:active,.form button:focus {
      background: #0082c8;
    }
    .form .message {
      margin: 15px 0 0;
      color: #b3b3b3;
      font-size: 12px;
    }
    .form .message a {
      color: #4CAF50;
      text-decoration: none;
    }
    .container {
      position: relative;
      z-index: 1;
      max-width: 300px;
      margin: 0 auto;
    }
    .container:before, .container:after {
      content: "";
      display: block;
      clear: both;
    }
    .container .info {
      margin: 50px auto;
      text-align: center;
    }
    .container .info h1 {
      margin: 0 0 15px;
      padding: 0;
      font-size: 36px;
      font-weight: 300;
      color: #1a1a1a;
    }
    .container .info span {
      color: #4d4d4d;
      font-size: 12px;
    }
    .container .info span a {
      color: #000000;
      text-decoration: none;
    }
    .container .info span .fa {
      color: #EF3B3A;
    }
    body {
      background: #408952; /* fallback for old browsers */
      background: linear-gradient(#373B44, #4286f4);
/*      background: -moz-linear-gradient(right, #408952, #76b852);
      background: -o-linear-gradient(right, #76b852, #408952);
      background: linear-gradient(to left, #408952, #76b852);*/
      font-family: "Roboto", sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;      
    }

    p.center{
        color: #fff;font-family:"Microsoft YaHei";
    }
    h1{
    	 color:white;
    	 font-family:Time New Roman;
    	 text-align:center;
    	 font-size: 4em;
    	 margin-top: 92px;
    	 margin-bottom: 30px;
    }
</style>
</head>
<body>
	<h1>Web数据挖掘可视化项目</h1><br>
	<div align="center">
	<img style="width: 40px; height: 40px;" src="./img/push.png">
	</div>
<div class="htmleaf-container">
    <div id="wrapper" class="login-page">
      <div id="login_form" class="form">

        <form class="login-form">
          <input type="text" placeholder="请输入岗位名称 (仅支持产品助理)" id="jobname"/>
          <input type="text" placeholder="请输入岗位地区 (仅支持深圳)" id="jobarea"/>
          <button onclick="login()">查　询</button>
          <!-- <button onclick="reset()" type="reset">重置</button> -->
        </form>
      </div>
    </div>
</div>

</body>
</html>
<script type="text/javascript">
	var userattr = [["产品经理","深圳"],['产品助理',"深圳"],["产品经理",'广州'],["产品助理",'广州']]
	var jobname = document.getElementById("jobname");
	var jobarea = document.getElementById("jobarea");
	var flag = false;
	function login() {
	for (var i = 0; i < userattr.length;i++) {
		if (jobname.value==userattr[i][0] && jobarea.value==userattr[i][1]){
			flag=true;
			break;
		}
	}
	if (flag){
		window.open("./result.html")//跳转
	}else{
		alert("请输入正确的岗位名称~")
	}
}

	function reset(){
		password.value="";
		username.value="";
	}
</script>